<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2025-07-08 22:22:18
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2025-07-09 20:04:01
 * @FilePath: /book-manage-angular/src/index.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>BookManageAngular</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    :root {
      --primary-color: #3b82f6;
      --secondary-color: #60a5fa;
      --accent-color: #2563eb;
      --background-color: #f8fafc;
      --text-color: #1e293b;
      --border-color: rgba(59, 130, 246, 0.2);
      --card-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
      --hover-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      --glow-color: rgba(59, 130, 246, 0.3);
    }


    .page-heading {
      color: #1e40af;

      font-weight: 600;
      line-height: 1.3;
      position: relative;
      display: inline-block;
      font-size: 1.8rem;
      text-shadow: 2px 2px 4px var(--glow-color);

    }

    .page-heading::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, var(--primary-color), transparent);
    }
  </style>
</head>

<body>
  <app-root></app-root>
</body>

</html>